<template>
  <div class="Message">
    <div class="main">
      <el-card class="jobDetail-top">
        <el-row>
          <el-col :span="18">
            <div class="job-box">
              <h2>
                <span>{{companyInfo.name}}</span>
                <span>{{companyInfo.status==1?'':'(已下线)'}}</span>
              </h2>
              <p>更新于:&nbsp;{{companyInfo.refreshTime}}</p>
              <p>
                <span style="padding-right:20px;color:red;">{{companyInfo.wageText}}</span>
                <span>{{companyInfo.workAreaText?companyInfo.workAreaText:'地区不限'}}
                  | {{companyInfo.workExpText?companyInfo.workExpText:'经验不限'}} |
                  {{companyInfo.educationText?companyInfo.educationText:'学历不限'}} |
                  {{companyInfo.ageText}} |
                  {{companyInfo.recruitNum ? '招聘'+companyInfo.recruitNum + '人' : '暂无招聘人数'}}</span>
              </p>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="btnBox">
              <p class="firstBtn">
                <el-button type="primary" @click="chat?openChatWindow():communicateNow(companyInfo)">
                  {{chat?'继续沟通':'立即沟通'}}
                </el-button>
                <el-button type="primary" @click="oneDeliverSaveDialog(companyInfo)">申请职位</el-button>
              </p>
              <p class="lastBtn">
                <el-button plain type="primary" class="reportBtn" @click="report(companyInfo)">举报</el-button>
                <el-button class="collectionBtn" plain @click="getCollection(companyInfo)" v-if="!companyInfo.favorite">
                  <i class="el-icon-star-off"></i>收藏
                </el-button>
                <el-button class="collectionBtn" plain @click="cancelCollection(companyInfo)" v-else><i
                    class="el-icon-star-on"></i>已收藏
                </el-button>
              </p>
              <!-- <el-button plain type="primary" @click="communicateNow(companyInfo)">立即沟通</el-button>
              <el-button plain @click="getCollection(companyInfo)" v-if="!companyInfo.favorite"><i
                  class="el-icon-star-off"></i>收藏</el-button>
              <el-button plain @click="cancelCollection(companyInfo)" v-else>
                <i class="el-icon-star-on"></i>已收藏</el-button>
              <el-button plain type="primary" @click="oneDeliverSaveDialog(companyInfo)">申请职位</el-button>
              <el-button plain type="primary" @click="report(companyInfo)">举报</el-button> -->
            </div>
          </el-col>
        </el-row>
      </el-card>
      <el-row class="jobDetail-bottom mt16" :gutter="20">
        <el-col :span="18">
          <el-card>
            <div class="jobPublisher">
              <h3>职位发布者</h3>
              <div class="HR-box mt20">
                <el-avatar :src="require('../../assets/img/hrlogo.png')"></el-avatar>
                <div class="HRInfo">
                  <p class="contact-p"><span class="contact-span"
                      v-if="companyInfo.isShowContact">{{companyInfo.contact}}/HR</span>
                    <el-tag style="margin-right:20px">三天内活跃</el-tag>
                    <el-tag>处理简历快</el-tag>
                  </p>
                  <p style="margin-top:20px;" class="conactInfo">
                    <span v-if="companyInfo.isShowPhone">
                      <img src="../../assets/img/tel.png" alt="">&nbsp;{{companyInfo.phone || '暂无'}}
                    </span>
                    <span v-if="companyInfo.isShowMail" class="ml60">
                      <img src="../../assets/img/email.png" alt="">&nbsp;{{companyInfo.mail || '暂无'}}
                    </span>
                  </p>
                </div>
              </div>
              <div class="job-item mt20">
                <div class="subTitle">
                  <span>职位亮点</span>
                </div>
                <p style="margin-top:10px">
                  <span v-if="companyInfo.allureText">
                    <el-tag type="info" effect="plain" style="margin-right:20px;margin-top:3px;"
                      v-for="(item, index) in companyInfo.allureText.split(',')" :key="index">
                      {{item}}
                    </el-tag>
                  </span>
                </p>
              </div>
              <div class="job-item mt30">
                <div class="subTitle">
                  <span>职位描述</span>
                </div>
                <div class="ql-bubble">
                  <div v-html="companyInfo.describe" class="infoDetailsData ql-editor"></div>
                </div>
              </div>
              <div class="job-item mt30">
                <div class="subTitle">
                  <span>工作地点</span>
                </div>
                <p class="workPlace mt10">{{companyInfo.workPlace}}</p>
                <div style="width:600px;height:200px;background:#F2F2F2;margin-top:10px">
                  <maps :address='companyInfo.workPlace' :latLng="latLng" v-if="showMap"></maps>
                </div>
              </div>
            </div>
          </el-card>
          <el-row :gutter="20">
            <el-col :span="24">
              <el-card class="isCheckAll-card" v-if="recommendPostData && recommendPostData.length >0">
                <el-row class="isCheckAll-row">
                  <el-col :span="18" class="tips-col">
                    <div class="tips subTitle">
                      <span>相似推荐</span>
                    </div>
                    <!-- <span class="tips">相似推荐</span> -->
                  </el-col>
                  <el-col :span="6">
                    <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选
                    </el-checkbox>
                    <el-button type="primary" size="small" class="apply" @click="apply">一键申请</el-button>
                  </el-col>
                </el-row>
              </el-card>
              <el-card class="isCheckAll-card center" v-else>暂无数据</el-card>
              <div class="dataList">
                <el-card class="listContainer" v-for="(item, index) in recommendPostData" :key="index">
                  <el-checkbox-group v-model="checkedResumes" @change="handleCheckedCitiesChange">
                    <div class="list">
                      <div class="logo">
                        <img :src="(item.companyInfo && item.companyInfo.logo) || require('../../assets/img/qiye.png')"
                          alt />
                      </div>
                      <div class="basicInfo">
                        <p class="postWages">
                          <span class="post" @click="goDetailPage(item)">{{item.name || '暂无'}}</span>
                          <span class="wages">{{item.wageText || '暂无'}}</span>
                        </p>
                        <p class="educatWorkYears">
                          <span class="education">{{item.educationText || '学历不限'}}</span>
                          <span class="workYears">{{item.workExpText || '经验不限'}}</span>
                        </p>
                        <p class="postWages">
                          <span class="compaName">{{item.companyInfo ? item.companyInfo.name : '暂无'}}</span>
                          <el-checkbox :label="item" :key="index"><span></span></el-checkbox>
                        </p>
                      </div>
                    </div>
                  </el-checkbox-group>
                </el-card>
              </div>
            </el-col>
            <el-col :span="7"></el-col>
          </el-row>
        </el-col>
        <el-col :span="6" class="companyJS">
          <el-card>
            <div class="jobPublisher">
              <h3>公司介绍</h3>
              <div class="companyProfileContainer">
                <el-avatar shape="square"
                  :src="((companyInfo.companyInfo && companyInfo.companyInfo.logo) || require('../../assets/img/qiye.png'))">
                </el-avatar>
                <p @click="enterBusinessDetail(companyInfo.companyInfo)" class="companyName">
                  {{(companyInfo.companyInfo && companyInfo.companyInfo.name) || ''}}</p>
              </div>
              <div class="companyInfoNameRegister">
                <span class="companyRegister">
                  <span>工商登记<span class="business" v-if="corporationBynameObj.businessCertification">已认证</span> <span
                      v-else>未认证</span></span>
                  <img v-if="corporationBynameObj.businessCertification" src="../../assets/img/afterCertification_g.png"
                    alt="工商登记" title="工商登记">
                  <img v-else src="../../assets/img/notCertified_g.png" alt="工商登记" title="工商登记">
                </span>
                <span class="companyRegister">
                  <span>税务登记<span class="business" v-if="corporationBynameObj.taxCertification">已认证</span> <span
                      v-else>未认证</span></span>
                  <img v-if="corporationBynameObj.taxCertification" src="../../assets/img/afterCertification_s.png"
                    alt="税务登记" title="税务登记">
                  <img v-else src="../../assets/img/notCertified_s.png" alt="税务登记" title="税务登记">
                </span>
                <span class="companyRegister">
                  <span>风险提示：</span>
                </span>
                <span class="companyRegister">
                  <span>企业异常 <span class="businessRed">{{corporationBynameObj.qyycmlxx || 0}}</span> 条</span>
                </span>
                <span class="companyRegister">
                  <span>严重违法失信 <span class="businessRed">{{corporationBynameObj.yzwfsxqymd || 0}}</span> 条</span>
                </span>
              </div>

              <h5 class="jobSizeProfile mt20">招聘职位</h5>
              <!-- <p class="jobSizeProfile job-info mt16">{{companyInfo.name}}<span v-show="isEllipsis">...</span></p> -->
              <p class="jobSizeProfile job-info mt10">{{newName || companyInfo.name}}
                <el-popover placement="top-end" width="200" trigger="hover" :content='companyInfo.name'>
                  <span slot="reference" class="ellipsis" v-show="isEllipsis">...</span>
                </el-popover>
              </p>
              <h5 class="jobSizeProfile mt16">公司规模</h5>
              <p class="jobSizeProfile job-info mt10">
                {{companyInfo.companyInfo ? companyInfo.companyInfo.scaleText:''}}</p>
              <h5 class="jobSizeProfile mt16">公司简介</h5>
              <div class="ql-bubble companyProfile" style="font-size:12px;">
                <div v-html="(companyInfo.companyInfo && companyInfo.companyInfo.profile)"
                  class="infoDetailsData ql-editor"></div>
              </div>
            </div>
          </el-card>
        </el-col>
      </el-row>
    </div>

    <!-- 申请职位选择 简历弹框 -->
    <el-dialog width="30%" height="20px" class="elDialog" :visible.sync="innerVisible" :before-close="closeResume"
      :append-to-body="false" @close="closeResume">
      <p slot="title" class="selectResumeHeader">
        <span>请选择投递的简历</span>
      </p>
      <el-col :span="24">
        <div style="height:100px;">
          <el-select v-model="resumeValue" placeholder="请选择" popper-class="popper-class" @change="resumeIdVal">
            <el-option v-for="item in resumelist" :key="item.id" :label="item.title" :value="item.id">
            </el-option>
          </el-select>
          <div class="checkouts">
            <el-checkbox v-model="resumeChecked">将该份简历设置为快速投递(推荐)</el-checkbox>
          </div>
        </div>
      </el-col>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="deliverSave_determine">立即投递</el-button>
      </div>
    </el-dialog>
    <!-- 职位列表选择 简历弹框 -->
    <el-dialog width="30%" :visible.sync="dialogVisible" class="elDialog" :before-close="closeSelectResume"
      @close="closeSelectResume" :append-to-body="false">
      <p slot="title" class="selectResumeHeader">
        <span>请选择投递的简历</span>
      </p>
      <div class="elDialog-content">
        <el-row>
          <el-select v-model="selectedResume" placeholder="请选择" popper-class="popper-class">
            <el-option v-for="item in resumelist" :key="item.id" :label="item.title" :value="item.id"></el-option>
          </el-select>
          <div class="checkouts">
            <el-checkbox v-model="resumeChecked">将该份简历设置为快速投递(推荐)</el-checkbox>
          </div>
        </el-row>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="immediateDelivery">立即投递</el-button>
      </div>
    </el-dialog>
    <!-- feat:该岗位为樟树市人才服务代招职位，如需投递请联系招聘负责人。 -->
    <div class="jonDz">
      <el-dialog :visible.sync="isJobType" width="30%" class="elDialog" style="margin-top:15vh"
        :before-close="closeResume">
        <p slot="title" class="selectResumeHeader">
          <span>申请职位</span>
        </p>
        <p class="jobItem">该岗位为樟树市人才服务代招职位，如需投递请联系招聘负责人。</p>
        <p class="jobItem">联系人：{{companyInfo.contact || '暂无'}}</p>
        <p class="jobItem">联系电话：{{companyInfo.phone || '暂无'}}</p>
        <p class="jobItem">座机：{{companyInfo.tel || '暂无'}}</p>
        <p class="jobItem">联系邮箱：{{companyInfo.mail || '暂无'}}</p>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="closeResume">确 定</el-button>
        </div>
      </el-dialog>
    </div>

    <!-- 立即沟通 选择简历弹框 -->
    <el-dialog width="30%" :visible.sync="communicateDialog" class="elDialog" :before-close="closeSelectResume"
      @close="closeSelectResume" :append-to-body="false">
      <p slot="title" class="selectResumeHeader">
        <span>请选择投递的简历</span>
      </p>
      <div class="elDialog-content">
        <el-row>
          <p style="margin-bottom:10px;">与HR沟通，HR可以看到您的简历信息</p>
          <el-select v-model="selectedResume" placeholder="请选择" popper-class="popper-class">
            <el-option v-for="item in resumelist" :key="item.id" :label="item.title" :value="item.id"></el-option>
          </el-select>
          <el-radio-group v-model="contact">
            <el-radio v-for='i in chatList' :label="i.id" :key='i.id' class="mt16">
              <span style='width:100px;display:inline-block'>
                {{i.name}}
              </span>
              <span class="ml20">最后登录时间:{{i.lastLoginTime}}</span>
            </el-radio>
          </el-radio-group>
          <!-- <div class="checkouts">
            <el-checkbox v-model="resumeChecked">将该份简历设置为快速投递(推荐)</el-checkbox>
          </div> -->
        </el-row>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="communicationDelivery">立即沟通</el-button>
      </div>
    </el-dialog>
    <!-- 举报弹框 -->
    <el-dialog width="30%" :visible.sync="reportDialog" class="reportDialog" :before-close="closeReport"
      @close="closeReport" :append-to-body="false">
      <p slot="title" class="selectResumeHeader">
        <span>举报</span>
      </p>
      <div class="reportDialog-content">
        <el-row>
          <el-form :model="reportForm" ref="reportForm" :inline="true" label-width="110px" :rules="reportRules">
            <el-form-item label="">
              <p class="pl15 report__tips">该举报针对歧视性信息等违规职位，其他问题请联系客服。</p>
            </el-form-item>
            <el-form-item label="举报职位：">
              <p>{{reportForm.jobName}}</p>
            </el-form-item>
            <el-form-item label="举报原因：" prop="reason">
              <el-input type="textarea" v-model="reportForm.reason" placeholder="请输入举报原因，最多不超过500字"></el-input>
            </el-form-item>
            <el-form-item label="联系人：" prop="contact">
              <el-input v-model="reportForm.contact" placeholder="请输入联系人"></el-input>
            </el-form-item>
            <el-form-item label="联系电话：" prop="phone">
              <el-input v-model.trim="reportForm.phone" placeholder="请输入联系电话"></el-input>
            </el-form-item>
            <el-form-item label="电子邮箱：" prop="mail">
              <el-input v-model="reportForm.mail" placeholder="请输入邮箱地址"></el-input>
            </el-form-item>
          </el-form>
        </el-row>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancelReport('reportForm')">取 消</el-button>
        <el-button type="primary" @click="submitReport('reportForm')">提 交</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { list, deliverSave, Collection, gitInterface, updateExpress, cancelCollection, getpositionByIdUser, isExpress, complaintInsert, businessCertificationByname, taxCertificationByname, yzwfsxqymdByname, qyycmlxxByname, chatInsert, getChatList } from '../../api/index.js'
import maps from '@/components/common/maps.vue'
import 'quill/dist/quill.core.css';
import 'quill/dist/quill.snow.css';
import 'quill/dist/quill.bubble.css';
export default {
  name: 'baseform',
  data () {
    var validPhone = (rule, value, callback) => {
      // 支持173、191、193、199、166、198、190、197、196、192、146、148开头的手机号
      var reg = /(0|86|17951)?(13[0-9]|15[012356789]|17[03678]|18[0-9]|14[5678]|19[0-9]|16[0-9])[0-9]{8}$/
      if (!reg.test(value)) {
        callback(new Error('请输入有效的手机号码！'));
      } else {
        callback();
      }
    };
    return {
      // 沟通过得信息
      chat: null,
      //企业联系人列表
      chatList: [],
      // 联系人
      contact: '',
      showMap: false,
      // 简历列表
      resumelist: [],
      //  选中简历
      resumeValue: '',
      // 简历id
      resumeId: '',
      // 将该份简历设置为快速投递
      resumeChecked: false,
      // 简历弹框 隐藏显示 开关
      innerVisible: false,
      squareUrl: "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png",
      latLng: {},
      companyInfo: {
        companyInfo: {}
      },
      // 推荐职位容器
      recommendPostData: [],
      checkedResumes: [],
      checkAll: false,
      isIndeterminate: false,
      currentPage: 1,
      // 职位类别
      category: '',
      // 职位id
      id: '',
      opeId: '', // 职位的opeId 聊天时后台要传给后台的接受者userId
      sort: [{ column: 'refresh_time', type: 'desc' }],
      // 职位列表中选简历的弹框
      dialogVisible: false,
      selectedResume: '', // 选中的简历
      // feat： 待招职位弹框
      isJobType: false,
      // 立即沟通控制弹框开关变量
      communicateDialog: false,
      // 企业id
      companyId: '',
      // 控制举报弹框开关变量
      reportDialog: false,
      // 举报form表单信息
      reportForm: {
        companyId: '',
        companyName: '',
        jobId: '',
        // 职位
        jobName: '',
        // 原因
        reason: '',
        // 联系人
        contact: '',
        phone: '',
        mail: ''
      },
      // 举报form表单校验
      reportRules: {
        reason: [
          { required: true, message: '请输入举报原因', trigger: 'blur' },
          { min: 1, max: 500, message: '举报原因最多不能超过500字', trigger: 'blur' }
        ],
        contact: [
          { required: true, message: '请输入联系人', trigger: 'blur' }
        ],
        phone: [
          { required: true, message: '请输入联系电话', trigger: 'blur' },
          { validator: validPhone, trigger: 'blur' }
        ],
        mail: [
          { required: true, message: '请输入邮箱地址', trigger: 'blur' },
          { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
        ]
      },
      corporationBynameObj: {
        // 工商登记已认证:
        businessCertification: false,
        // 税务登记已认证
        taxCertification: false,
        // 企业异常
        qyycmlxx: 0,
        // 严重违法失信
        yzwfsxqymd: 0
      },
      baseURL: '',
      // 是否显示省略号
      isEllipsis: false,
      // 新职位
      newName: '',
    };
  },
  created () {
    // 获取默认路径
    this.baseURL = process.env.VUE_APP_URL;
    this.cityData()
    // 根据地址栏获取职位类别
    this.category = this.$route.query.category;
    this.id = this.$route.query.id;
    console.log(this.$route.query, '==========', this.category, '获取地址栏参数')
  },
  mounted () {
    this.init()
  },

  methods: {
    // 初始化数据
    init () {
      this.getRecommendPostList();
    },
    // 申请职位
    oneDeliverSaveDialog (val) {
      console.log(val, '需要的')
      this.companyId = val.companyId;
      // 首先判断用户是否登录
      if (!localStorage.getItem('ps_Authorization')) {
        this.$message.error('您还没有登录，请先进行登录')
        return false;
      }
      // feat: 该岗位为樟树市人才服务代招职位
      if (val.jobType == 1) {
        this.isJobType = true
      } else {
        // 查看简历
        gitInterface().then(res => {
          if (res.success) {
            let data = res.data;
            // 简历容器
            this.resumelist = res.data;
            let isFlag = false; // 设置变量开关 如果有默认简历 则为true 没有则为false
            data.map(item => {
              // 如果是快速投递的则直接投递并进入聊天页面，不是快速投递的则弹框显示
              if (item.express) {  // 快速投递
                isFlag = true;
                this.resumeId = item.id; // 获取简历id
              }
            })
            if (isFlag) { // 有设置默认投递，则直接申请，不显示弹框, 如果没有默认设置则点击投递操作的时候就需要求职者选择一份自己的简历投递
              // 立即申请职位
              this.oneApply();
            } else {
              this.innerVisible = true;
            }
          } else {
            this.$message.error(`${res.msg}`)
          }
        })
        if (val) {
          this.resume = val
        }
      }
    },
    // 单个申请职位中的申请职位
    oneApply () {
      let idArr = [];
      idArr.push({
        jobId: this.id, // 职位id
        companyId: this.companyId
      });
      let formData = {
        "resumeId": this.resumeId,
        "dataJson": idArr
      }
      deliverSave(formData).then(res => {
        if (res.success) {
          this.$message({
            message: '投递成功',
            type: 'success'
          });
          this.$router.push({
            path: '/resumeDeliveredSuccess',
            query: {
              category: this.category
            }
          })

        } else {
          this.$message.error(res.msg);
        }
      });
    },
    resumeIdVal (val) {
      this.resumeId = val
    },
    // 关闭弹框
    closeResume () {
      this.resumeValue = ''
      this.resumeId = ''
      this.isJobType = false
      this.innerVisible = false
      this.resumelist = []
      this.resumeChecked = false;
    },
    // 是否默认设置为此建立为快速投递投递简历
    updateExpress () {
      let obj = {
        express: this.resumeChecked,
        id: this.resumeId
      }
      updateExpress(obj).then((res) => {
        if (res.success) {
          this.innerVisible = false
          this.$router.push({
            path: '/resumeDeliveredSuccess',
            query: {
              category: this.resume.category
            }
          })
          console.log('设置未默认简历成功')
        }
      })
    },
    // 一键申请单个【右上角的申请职位表单提交】
    deliverSave_determine () {
      if (!this.resumeValue) {
        this.$message.error('请选择简历')
        return false
      }
      let item = this.resume
      let that = this
      let idArr = [
        {
          jobId: item.id,
          companyId: item.companyId
        }
      ]
      // feat： 后端更改了传递的参数格式
      let formData = {
        "resumeId": this.resumeId,
        "dataJson": idArr
      }
      deliverSave(formData).then((res) => {
        if (res.success) {
          this.$message({
            message: '投递成功',
            type: 'success'
          });
          this.innerVisible = false;
          // 如果说有设置快速投递 则调用设置快速投递接口
          if (this.resumeChecked) {
            //  调用是否默认简历头覅
            this.updateExpressNew();
          } else {
            this.selectedResume = '';
          }
          this.$router.push({
            path: '/resumeDeliveredSuccess',
            query: {
              category: this.category
            }
          })
        } else {
          this.$message.error(`${res.msg}`)
        }
      })
    },
    cityData () {
      // 根据id 获取职位详情
      let loading = this.$loading({
        lock: true,
        text: 'Loading',
        spinner: 'el-icon-loading',
        background: 'rgba(0, 0, 0, 0.1)'
      });
      let queryObj = {
        query: this.$route.query.id,
        // 查询公司详情 加的userId (必须加，问后端)
        userId: localStorage.getItem('ps_userId') || ''
      }
      let token = localStorage.getItem('ps_Authorization') ? {
        headers: {
          'Authorization': "Bearer " + localStorage.getItem("ps_Authorization")
        }
      } : undefined;
      getpositionByIdUser(queryObj, token).then((res) => {
        if (res.success) {
          let dataDetails = res.data
          this.latLng = {
            lat: dataDetails.lat,
            lng: dataDetails.lng,
          }
          // 是否沟通过
          this.chat = res.data.chatOutVo;
          this.companyInfo = dataDetails
          console.log(this.companyInfo, '详情页信息')
          // 判断招聘职位如果字数大于等于19 的话显示省略号 鼠标滑过省略号全部显示
          // this.companyInfo.name = ''
          // this.companyInfo.companyInfo.scaleText = null
          if (this.companyInfo.name && this.companyInfo.name.length >= 19) {
            let str = this.companyInfo.name;
            this.newName = this.companyInfo.name.substring(0, 19);
            this.isEllipsis = true;
          }
          if (this.companyInfo.describe.indexOf('<') != -1) {
            this.companyInfo.describe = dataDetails.describe
          } else {
            this.companyInfo.describe = decodeURI(dataDetails.describe);
          }
          if (dataDetails.companyInfo) {

            if (this.companyInfo.companyInfo.profile.indexOf('<') != -1) {

              this.companyInfo.companyInfo.profile = dataDetails.companyInfo.profile
            } else {
              this.companyInfo.companyInfo.profile = decodeURI(dataDetails.companyInfo.profile)
            }
            // 工商
            this.businessCertificationByname(dataDetails.companyInfo.name)
            // // 税务
            this.taxCertificationByname(dataDetails.companyInfo.name)
            // 企业异常 
            this.qyycmlxxByname(dataDetails.companyInfo.name)
            // 严重违法失信
            this.yzwfsxqymdByname(dataDetails.companyInfo.name)
          }
          getChatList(dataDetails.companyId).then(res => {
            if (res.success) {
              this.chatList = res.data || []
            }
          })
          this.showMap = true;
          loading.close()
        } else {
          loading.close()
        }
      })
    },
    // 收藏
    getCollection (city) {
      if (!localStorage.getItem('ps_Authorization')) {
        this.$message.error('您还没有登录，请先进行登录')
        return false
      }
      this.jobId = city.id
      this.companyId = city.companyId
      this.userId = localStorage.getItem("ps_userId")
      // this.userId=city.companyId
      let query = new FormData();
      query.append('jobId', this.jobId)
      query.append('companyId', this.companyId)
      query.append('userId', this.userId)
      console.log(city)
      Collection(query).then((res) => {
        if (res.success == true) {
          this.$message.success(`收藏成功`);
          this.cityData()
        } else {
          this.$message.error(`${res.msg}`);
        }
      })
    },
    // 取消收藏
    cancelCollection (city) {
      if (!localStorage.getItem('ps_Authorization')) {
        this.$message.error('您还没有登录，请先进行登录')
        return false
      }
      this.jobId = city.id
      this.companyId = city.companyId
      this.userId = localStorage.getItem("ps_userId")
      // this.userId=city.companyId
      let query = new FormData();
      query.append('jobId', this.jobId)
      query.append('companyId', this.companyId)
      query.append('userId', this.userId)
      console.log(city)
      cancelCollection(query).then((res) => {
        if (res.success == true) {
          this.$message.success(`取消收藏成功`);
          this.cityData()
        } else {
          this.$message.error(`${res.msg}`);
        }
      })
    },
    // 进入企业详情页
    enterBusinessDetail (companyInfo) {
      const { href } = this.$router.resolve({
        path: '/Popularenterprises',
        query: {
          companyId: companyInfo.id
        }
      })
      window.open(href, '_blank')
    },
    // 获取推荐职位列表
    getRecommendPostList () {
      let personHopeJob = [];
      personHopeJob.push({ column: 'person_hope_job', type: '', value: this.category });
      personHopeJob.push({ "column": "include", "type": "", "value": "D,CI" })
      personHopeJob.push({ "column": "re_resume_deliver_user_id", "type": "", "value": "userId" })
      personHopeJob.push({ column: 'id', type: 'ne', value: this.id })
      var formData = new FormData();
      formData.append('page', this.currentPage);
      formData.append('size', 6);
      formData.append('condition', JSON.stringify(personHopeJob))
      formData.append('sort', JSON.stringify(this.sort));
      // column: 公司id 的字段 eq 等于或者大于 value:公司id 值[{column: "person_hope_job",type: "eq", value: "category值"}]
      // [{column: "name",type: "asc"},{column: "company_id",type: "desc 倒序"}]
      list(formData).then(res => {
        console.log(res, '推荐职位列表');
        if (res.success) {
          this.recommendPostData = res.data.records || [];
        } else {
          this.$message.error(`${res.msg}`);
        }
      });
    },
    handleCheckedCitiesChange (value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.recommendPostData.length;
      this.isIndeterminate = checkedCount > 0 && checkedCount < this.recommendPostData.length;
    },
    //    点击全选
    handleCheckAllChange (val) {
      this.checkedResumes = val ? this.recommendPostData : [];
      this.isIndeterminate = false;
    },
    // 点击一键申请
    apply () {
      let that = this;
      if (that.checkedResumes.length <= 0) {
        this.$message.error('请选择推荐的职位');
        return false;
      }
      this.isLogin();
      // 查看简历
      gitInterface().then(res => {
        console.log(res, '查看简历列表');
        if (res.success) {
          let data = res.data;
          this.resumelist = res.data;
          let isFlag = false; // 声明一个开关变量
          data.forEach(item => {
            //  express= true 为默认简历
            if (item.express) {
              isFlag = true;
              this.resumeId = item.id; // 获取简历id
            }
          });
          if (isFlag) {
            // 直接申请
            this.getApplyPosition();
          } else {
            //   弹框出现
            this.dialogVisible = true;
          }
        } else {
          this.$message.error(`${res.msg}`);
        }
      });
    },
    // 关闭弹框
    closeSelectResume () {
      this.dialogVisible = false;
      this.resumeChecked = false
      this.selectedResume = '';
      if (!this.resumeChecked) {
        this.selectedResume = '';
      }
      this.communicateDialog = false;
    },
    // 立即申请
    immediateDelivery () {
      if (!this.selectedResume) {
        this.$message.error('请选择简历');
        return false;
      }
      let idArr = [];
      this.checkedResumes.forEach(checkItem => {
        idArr.push({
          jobId: checkItem.id,
          companyId: checkItem.companyId
        });
      });
      let formData = {
        "resumeId": this.selectedResume,
        "dataJson": idArr
      }
      deliverSave(formData).then(res => {
        if (res.success) {
          this.$message({
            message: '投递成功',
            type: 'success'
          });
          this.dialogVisible = false;
          this.isIndeterminate = false;
          // 如果说有设置快速投递 则调用设置快速投递接口
          if (this.resumeChecked) {
            //  调用是否默认简历头覅
            this.updateExpressNew();
          } else {
            this.selectedResume = '';
          }
          this.$router.push({
            path: '/resumeDeliveredSuccess',
            query: {
              category: this.category
            }
          })
        } else {
          this.$message.error(res.msg);
        }
      });
    },
    // 是否默认设置为此建立为快速投递投递简历
    updateExpressNew () {
      let obj = {
        express: this.resumeChecked,
        id: this.selectedResume
      };
      isExpress(obj).then(res => {
        console.log('设置默认简历', res);
        if (res.success) {
          this.dialogVisible = false;
          this.selectedResume = '';
          this.resumeChecked = false;
          console.log('设置未默认简历成功');
        } else {
          this.$message.error(`${res.msg}`)
        }
      });
    },
    // 申请职位
    getApplyPosition () {
      let idArr = [];
      let that = this;
      that.checkedResumes.map(item => {
        console.log(item, 'item');
        idArr.push({
          jobId: item.id,
          companyId: item.companyId
        });
      });
      // var formData = new FormData();
      // formData.append('dataJson', JSON.stringify(idArr));
      // formData.append('userId', localStorage.getItem('ps_userId'));
      // formData.append('resumeId', this.resumeId);
      // feat： 后端更改了传递的参数格式
      let formData = {
        "resumeId": this.resumeId,
        "dataJson": idArr
      }
      deliverSave(formData).then(res => {
        console.log(res, '一键申请响应');
        if (res.success) {
          // let datas = res.data
          that.$message({
            message: '申请成功',
            type: 'success'
          });
          that.checkedCities = [];
          that.checkAll = false;
          this.$router.push({
            path: '/resumeDeliveredSuccess',
            query: {
              category: this.category
            }
          })

        } else {
          that.$message.error(res.msg);
        }
      });
    },
    // 立即沟通
    communicateNow (companyInfo) {
      // 先查看企业是否登陆,在登陆成功的情况下
      if (!localStorage.getItem('ps_Authorization')) {
        this.$message.error('您还没有登录，请先进行登录')
        return false;
      }
      // 获取企业id
      this.companyId = companyInfo.companyId
      // 在判断该职位是否为代发职位，如果是代发职位，则如需投递请联系招聘负责人,即将isJobType 弹框展示, 不是代发职位，则显示选择简历的弹框
      if (companyInfo.jobType == 1) {
        this.isJobType = true;
      } else {
        // 调查看简历接口
        this.viewResume();
      }

    },
    // 举报
    report (companyInfo) {
      console.log(companyInfo, '举报')
      // 判断是否登录
      this.isLogin()
      if (localStorage.getItem('ps_Authorization')) {
        this.reportDialog = true;
        this.reportForm.jobName = companyInfo.name;
        this.reportForm.companyId = companyInfo.companyInfo.id;
        this.reportForm.companyName = companyInfo.companyInfo.name;
        this.reportForm.jobId = companyInfo.id;
      }

    },
    // 关闭举报弹框
    closeReport () {
      this.$refs.reportForm.resetFields()
      this.reportDialog = false;
    },
    // 举报form表单提交
    submitReport (formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          // 添加举报
          this.addComplaintInsert()
        } else {
          console.log('error submit!!');
          return false;
        }
      });
    },
    /**
     * @description:'添加举报信息',
     * @author:wangating,
     * @date:2020/06/22
     */
    addComplaintInsert () {
      // 给后台传的参数
      //{ 
      // "companyId": "4043", 
      // "companyName": "长沙链家立业房地产经纪有限公司", 
      // "contact": "杨磊",
      // "jobId": "7908",
      // "jobName": "链家新生代（房产经纪人）",
      // "mail": "95546772@qq.com",
      // "phone": "13144667799",
      //   "reason": "学历造假"
      // }
      complaintInsert(this.reportForm).then(res => {
        if (res.success) {
          this.$message.success('职位举报成功!')
          this.closeReport();
        } else {
          this.$message.error(`${res.msg}`)
        }
      })
    },
    // 举报form表单取消
    cancelReport (formName) {
      this.$refs[formName].resetFields();
      this.reportDialog = false;
    },
    // 查看简历
    viewResume () {
      gitInterface().then(res => {
        if (res.success) {
          console.log(res, '查看简历')
          let data = res.data;
          // 简历容器
          this.resumelist = res.data;
          // let isFlag = false; // 设置变量开关 如果有默认简历 则为true 没有则为false
          // data.map(item => {
          //   // 如果是快速投递的则直接投递并进入聊天页面，不是快速投递的则弹框显示
          //   if (item.express) {  // 快速投递
          //     isFlag = true;
          //     this.resumeId = item.id; // 获取简历id
          //   }
          // })
          // if (isFlag) { // 有设置默认投递，则直接申请，不显示弹框, 如果没有默认设置则点击投递操作的时候就需要求职者选择一份自己的简历投递
          //   // 立即申请职位
          //   this.ApplyPosition();
          // } else {
          //   }
          this.communicateDialog = true;
        } else {
          this.$message.error(`${res.msg}`)
        }
      })
    },
    // 判断用户是否登陆
    isLogin () {
      if (!localStorage.getItem('ps_Authorization')) {
        this.$message.error('您还没有登录，请先进行登录')
        return false;
      }
    },
    // 立即沟通中的申请职位
    ApplyPosition () {
      let idArr = [];
      idArr.push({
        jobId: this.id, // 职位id
        companyId: this.companyId
      });
      let formData = {
        "resumeId": this.resumeId,
        "dataJson": idArr
      }
      deliverSave(formData).then(res => {
        if (res.success) {
          this.$message({
            message: '投递成功',
            type: 'success'
          });
          this.communicateDialog = false;
          // this.$message.success('将进入聊天页面')
          this.openChatWindow()
        } else {
          this.$message.error(res.msg);
          // this.$message.success('将进入聊天页面')
        }
      });
    },
    /**
     * @description:沟通并投递
     * @author:wangating
     */
    communicationDelivery () {
      if (!this.selectedResume) {
        this.$message.error('请选择简历');
        return false;
      }
      if (!this.contact) {
        this.$message.error('请选择联系人');
        return false;
      }
      // let idArr = [];
      // idArr.push({
      //   contact: this.contact,//联系人
      //   jobId: this.id, // 职位id
      //   companyId: this.companyId
      // });
      // let formData = {
      //   "resumeId": this.selectedResume,
      //   "dataJson": idArr
      // }
      // deliverSave(formData).then(res => {
      //   if (res.success) {
      //     this.$message({
      //       message: '投递成功',
      //       type: 'success'
      //     });
      //     this.communicateDialog = false;
      //     // 如果说有设置快速投递 则调用设置快速投递接口
      //     if (this.resumeChecked) {
      //       //  调用是否默认简历头覅
      //       this.updateExpressNew();
      //     } else {
      //       // this.selectedResume = '';
      //     }
      //     // 调打开聊天窗口的方法
      //     // 跳转至个人聊天界面
      //     // window.open(`${this.baseURL}/person/#/index/chat`)
      //   } else {
      //     this.$message.error(res.msg);
      //   }
      // });
      this.openChatWindow()
    },
    /**
     * @description:打开聊天窗口
     * @author:wangating
     * @date:2020/07/29
     */
    openChatWindow () {
      //给后台传的参数
      //职位id   String jobId;
      //简历id   String resumeId;
      //发送人id String senderUserId;
      //发送人帐号类型 Integer senderUserAccountType;
      //接收人id String receiverUserId;
      //接收人帐号类型(1:个人用户，2:企业用户)  Integer receiverUserAccountType;
      let query = {}
      if (this.chat) {
        query = {
          jobId: this.chat.jobId,
          resumeId: this.chat.resumeId,
          senderUserId: this.chat.senderUserId,
          senderUserAccountType: 1,
          senderUserName: this.chat.selectedName,
          receiverUserId: this.chat.receiverUserId,
          receiverUserAccountType: 2,
        };
      } else {
        let name = this.resumelist.find(i => {
          return i.id === this.selectedResume
        }) || {}
        query = {
          jobId: this.id,
          resumeId: this.selectedResume || this.resumeId,
          senderUserId: localStorage.getItem('ps_userId'),
          senderUserAccountType: 1,
          senderUserName: name.name,
          receiverUserId: this.contact,
          receiverUserAccountType: 2,
        };
      }
      // 创建聊天
      chatInsert(query).then(res => {
        if (res.success) {
          window.open(`${this.baseURL}/person/#/index/chat`)
          this.cityData();
        } else {
          this.$message.error(`${res.msg}`)
        }
        this.communicateDialog = false;
      })
    },
    // feat：2020/06/29
    // qixiaofei
    // 工商登记已认证 
    // 税务登记已认证: 查询
    // corporationByname (name) {
    //   let companyFrom = new FormData();
    //   companyFrom.append('companyName', name)
    //   corporationByname(companyFrom).then(res => {
    //     if (res.success) {
    //       this.corporationBynameObj = res.data
    //     }
    //   })
    // }
    // 工商登记未认
    businessCertificationByname (name) {
      let companyFrom = new FormData();
      companyFrom.append('companyName', name)
      businessCertificationByname(companyFrom).then(res => {
        if (res.success) {
          this.corporationBynameObj.businessCertification = res.data.businessCertification
          // this.businessCertificationBynameObj = res.data
        }
      })
    },
    // 税务登记已认证
    taxCertificationByname (name) {
      let companyFrom = new FormData();
      companyFrom.append('companyName', name)
      taxCertificationByname(companyFrom).then(res => {
        if (res.success) {
          this.corporationBynameObj.taxCertification = res.data.taxCertification
        }
      })
    },
    // 通过企业名称查询企业异常名录信息
    qyycmlxxByname (name) {
      // this.corporationBynameObj.qyycmlxx = 5
      let companyFrom = new FormData();
      companyFrom.append('companyName', name)
      qyycmlxxByname(companyFrom).then(res => {
        if (res.success) {
          this.corporationBynameObj.qyycmlxx = res.data.qyycmlxx
        }
      })
    },
    // 通过企业名称查询严重违法失信企业名单
    yzwfsxqymdByname (name) {
      let companyFrom = new FormData();
      companyFrom.append('companyName', name)
      yzwfsxqymdByname(companyFrom).then(res => {
        if (res.success) {
          this.corporationBynameObj.yzwfsxqymd = res.data.yzwfsxqymd
        }
      })
    }
  }
};
</script>
<style lang="css" scoped>
.Message {
    margin-top: 30px;
    width: 100%;
}
.Message .main {
    background: #fff;
    /* width: 1200px; */
    margin: 0 auto;
}
.mt16 {
    margin-top: 16px;
}
.jobDetail-top {
    height: 144px;
    box-sizing: border-box;
    border: 1px solid green;
}
.jobDetail-top /deep/.el-card__body,
.jobDetail-bottom /deep/.el-card__body {
    padding: 22px 44px;
}
.job-box {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-around;
}
.job-box h2 {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    font-size: 20px;
    color: #333333;
}
.job-box h2 span:nth-child(2) {
    padding-right: 2%;
}
.job-box p {
    padding-top: 16px;
    color: #555555;
    font-size: 14px;
}
/* 公司介绍样式 */
.companyJS /deep/ .el-card__body {
    padding: 20px;
}
.companyProfileContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}
.companyName {
    margin-top: 10px;
    cursor: pointer;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
}
.job-item .subTitle,
.isCheckAll-row .subTitle {
    width: 100%;
    box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    height: 25px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: 16px;
    color: #222222;
}
.job-item .subTitle span:first-child:after,
.isCheckAll-row .subTitle span:first-child::after {
    width: 28px;
    height: 2px;
    background: #1893fc;
    content: '';
    display: block;
    margin-top: 3px;
    margin-bottom: 20px;
}
.job-item .el-tag--plain.el-tag--info {
    color: #555555;
    border-color: #cccccc;
}
.job-item .workPlace {
    font-size: 14px;
    color: #222222;
}
.btnBox {
    /* padding: 20px 0 20px 20px; */
    box-sizing: border-box;
}
.btnBox .firstBtn,
.btnBox .lastBtn {
    display: flex;
    justify-content: space-between;
}
.btnBox .el-button {
    width: 120px;
    height: 40px;
    font-size: 14px;
}
.btnBox .lastBtn {
    margin-top: 16px;
    justify-content: space-between;
}
.btnBox .lastBtn .collectionBtn {
    color: #1893fc;
}
.btnBox .lastBtn i {
    font-size: 18px;
    vertical-align: text-bottom;
}
.el-button--primary.is-active,
.el-button--primary:active {
    color: #fff;
    background-color: #1893fc;
    border-color: #1893fc;
}
.el-button--primary:focus,
.el-button--primary:hover {
    color: #fff;
    background-color: #1893fc;
    border-color: #1893fc;
}
.conactInfo {
    height: 20px;
    line-height: 20px;
}
.conactInfo img {
    vertical-align: middle;
}
.conactInfo span {
    color: #555555;
    font-size: 14px;
}
.ml60 {
    margin-left: 60px;
}
.el-avatar {
    width: 70px;
    height: 70px;
}
.el-checkbox /deep/ .el-checkbox__label {
    width: 97%;
}
.Message /deep/ .el-select {
    width: 100% !important;
}
/* .elDialog /deep/ .el-dialog__body {
    height: 100px;
} */
.checkouts /deep/ .el-checkbox {
    line-height: 60px;
    height: 60px !important;
}
.infoDetailsData {
    position: relative;
}
.ql-editor {
    padding: 10px;
}
.ql-editor /deep/ol,
.ql-editor /deep/ul {
    padding-left: 0 !important;
}
.companyProfile {
    color: #555555 !important;
}
.companyProfile /deep/ img {
    width: 260px;
    height: auto;
}
.isCheckAll-card {
    margin: 16px auto;
    height: 50px;
    box-sizing: border-box;
}
.center {
    text-align: center;
}
.isCheckAll-card /deep/ .el-card__body {
    padding: 13px 20px;
}
.isCheckAll-row {
    box-sizing: border-box;
}
.isCheckAll-row .tips {
    width: 140px;
    height: 24px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: 24px;
    color: #222222;
}
.apply {
    width: 94px;
    height: 24px;
    background: #1893fc;
    line-height: 6px;
    margin-left: 32px;
}
.jonDz /deep/ .el-dialog__header {
    border-bottom: 1px solid #e5e5e5;
}
.jonDz /deep/ .el-dialog__footer {
    padding: 40px 20px 20px;
    /* text-align: center; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jobItem {
    margin-bottom: 10px;
}
/* .recommendedPostResume  */
.dataList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.dataList .el-card {
    width: 32%;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 18px;
    box-sizing: border-box;
}
.dataList .el-card:nth-child(2n + 1) {
    margin-left: 0;
}
.dataList .el-card:nth-child(2n) {
    margin-right: 0;
}

.listContainer {
    height: 130px;
}
.listContainer /deep/.el-card__body {
    padding: 21px;
}
.list {
    display: flex;
}
.logo {
    width: 68px;
    height: 68px;
    margin-left: 10px;
    margin-top: 10px;
    background: rgba(242, 242, 242, 1);
    opacity: 1;
}
.logo img {
    width: 100%;
    height: 100%;
}
.basicInfo {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.basicInfo p {
    height: 22px;
    width: 100%;
}
.basicInfo .postWages {
    display: flex;
    justify-content: space-between;
}
.basicInfo .educatWorkYears {
    padding-top: 10px;
    padding-bottom: 10px;
}
.basicInfo .educatWorkYears span:not(:first-child)::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0;
    width: 1px;
    height: 12px;
    background-color: #707070;
}
.basicInfo p .post {
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: 22px;
    color: #222222;
    cursor: pointer;
}
.basicInfo p .post:hover,
.companyName:hover {
    color: #2d8cf0;
}
.basicInfo p .wages {
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: 22px;
    color: #fd4e40;
}
.basicInfo p .education,
.basicInfo p .workYears,
.basicInfo p .compaName {
    height: 20px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 16px;
    color: #555555;
}
.jobPublisher .HR-box {
    display: flex;
}
.HR-box .HRInfo {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact-p .contact-span {
    color: #222222;
    margin-right: 30px;
}
.contact-p .el-tag {
    background-color: transparent;
    border-color: #1893fc;
    color: #1893fc;
    width: 78px;
    height: 23px;
    line-height: 23px;
    text-align: center;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
/* 举报弹框样式 */
.reportDialog /deep/.el-dialog__body {
    padding: 20px;
}
.reportDialog /deep/.el-dialog {
    min-width: 550px;
}
.reportDialog-content p {
    color: #ff5959;
}

.reportDialog-content .report__tips {
    background: #fff8ec;
    color: #df9c2d;
    font-size: 12px;
    height: 30px;
    letter-spacing: 0;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    margin-left: -3.5%;
    width: 533px;
}
.reportDialog-content .el-input,
.reportDialog-content .el-textarea {
    width: 300px;
}
/* .el-form-item--small .el-form-item__content, */
.reportDialog-content /deep/ .el-form-item__label {
    text-align: left;
    padding-left: 15px;
}
.pl15 {
    padding-left: 15px;
}
.reportDialog .selectResumeHeader {
    padding-left: 3%;
    position: relative;
}
.reportDialog .selectResumeHeader span {
    color: #222222;
}
.reportDialog .selectResumeHeader span::before {
    content: '';
    width: 5px;
    height: 20px;
    background-color: #1893fc;
    position: absolute;
    left: 0;
    top: 2px;
}
/* feat: 工商 税务 */
.companyInfoNameRegister {
    display: flex;
    flex-direction: column;
    /* justify-content: flex-start; */
    align-items: left;
}
.companyInfoName {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
}
.companyRegister {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-top: 10px;
}
.companyRegister img {
    margin-left: 5px;
    cursor: pointer;
}
.business {
    color: #38b169;
}
.businessRed {
    color: #fd4e40;
}
.jobSizeProfile {
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #222222;
}
.job-info {
    width: 100%;
    height: 17px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 17px;
    color: #555555;
    position: relative;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}
.ellipsis {
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: pointer;
    color: #fd4e40;
}
.el-radio-group {
    margin: 10px 0;
}
.el-radio-group .el-radio {
    display: block;
}
.ml20 {
    margin-left: 30px;
}
</style>
